<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
<#assign base=request.contextPath  />
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title></title>
    <link rel="stylesheet" href="../frame/layui/css/layui.css">
    <link rel="stylesheet" href="../frame/static/css/style.css">
    <link rel="icon" href="../frame/static/image/code.png">
    <script src="${base}/js/jquery-1.8.3.min.js"></script>
    <style>
        .layui-table-cell{
            height: auto;
            line-height: ;
        }
    </style>

</head>
<body class="body">
            <table class="layui-hide" id="test" lay-filter="test"></table>
            <script type="text/html" id="barDemo">
                <betton  class="layui-btn layui-btn-normal layui-btn-xs " lay-event="edit"  >车辆管理</betton>
                <betton  class="layui-btn layui-btn-normal layui-btn-xs " lay-event="edit1"  >租出明细</betton>
            </script>

<script type="text/javascript" src="../frame/layui/layui.all.js"></script>
<script type="text/javascript" src="../js/index.js"></script>
<script type="text/javascript">


    // layui方法
    layui.use(['tree', 'table', 'vip_table', 'layer'], function () {

        // 操作对象
        var table = layui.table
                , vipTable = layui.vip_table
                , layer = layui.layer
                , $ = layui.jquery;

        // 表格渲染
        var tableIns = table.render({
            even: true,//开启隔行背景
            elem: '#test',
            size: 'sm',//小尺寸的表格
            toolbar: '#toolbarDemo',
            url: '${base}/caradmin/select',
            title: '用户数据表',
            cols: [[
                {
                    field: 'url', title: '车辆照片', align: 'center',
                    templet: function (val) {
                        var url = val.url;
                        return '<div><img src="${base}/caradmin/getPhoto?path=' + url + '"></div>'
                    }
                }
                , {field: 'ptName', title: '所属公司', align: 'center'}
                , {field: 'carBrand', title: '车辆品牌', align: 'center'}
                , {field: 'carNumber', title: '车牌号', align: 'center'}
                , {field: 'carKm', title: '里程数', align: 'center'}
                , {field: 'carSize', title: '容积', align: 'center'}
                , {field: 'grounding', title: '租出租入', align: 'center',
                    templet:function(val){
                        var flag=val.grounding;
                        if(flag==2){
                            return "已租出"
                        }else{
                            return"已租入"
                        }
                    }}
                , {field: 'eczxxxxema', title: '操作', align: 'center',width:'200', toolbar: '#barDemo'}
            ]]
            , id: 'dataCheck'
            , method: 'get'
            ,height:480
            ,page: {
                layout: ['limit', 'count', 'prev', 'page', 'next', 'skip']
                ,theme: '#9AC747'
                ,limit: 10
            }
        });

        //页面传参
        table.on('tool(test)', function (obj) {
            var layEvent = obj.event;
            if (layEvent == "edit") {
                var data = obj.data;
                //示范一个公告层
                layer.open({
                    type: 2,
                    title: '编辑',
                    shadeClose: false,
                    offset: 't',
                    area: ['100%', '100%'],
                    content: '${base}/caradmin/check.html?url='+data.url,
                    success: function (layero, index) {
                        //得到iframe页的窗口对象，执行iframe页的方法：iframeWin.method();
                        var iframeWin = window[layero.find('iframe')[0]['name']];

                        iframeWin.$("#url").val(data.url);
                        iframeWin.$("#carBrand").val(data.carBrand);
                        iframeWin.$("#ptName").val(data.ptName);
                        iframeWin.$("#carKm").val(data.carKm);
                        iframeWin.$("#carSize").val(data.carSize);
                        iframeWin.$("#grounding").val(data.grounding);
                        iframeWin.$("#carNumber").val(data.carNumber);
                        iframeWin.$("#id").val(data.id);
                        //渲染一下form表单
                        iframeWin.layui.form.render('select');
                        iframeWin.layui.form.render();
                    }
                });
            }
            if (layEvent == "edit1") {
                var data = obj.data;
                //示范一个公告层
                layer.open({
                    type: 2,
                    title: '编辑',
                    shadeClose: false,
                    offset: 't',
                    area: ['100%', '100%'],
                    content: '${base}/caradmin/detail.html',
                    success: function (layero, index) {
                        //得到iframe页的窗口对象，执行iframe页的方法：iframeWin.method();
                        var iframeWin = window[layero.find('iframe')[0]['name']];

                        iframeWin.$("#annual").val(data.annual);
                        iframeWin.$("#fault").val(data.fault);
                        iframeWin.$("#service").val(data.service);
                        iframeWin.$("#carKm").val(data.carKm);
                        iframeWin.$("#flagto").val(data.flagto);
                        iframeWin.$("#insure").val(data.insure);
                        iframeWin.$("#id").val(data.id);
                        if(data.insure==1){
                            iframeWin.$("#insure").val("拥有保险");
                        }if(data.insure==2){
                            iframeWin.$("#insure").val("没有保险");
                        }
                        //渲染一下form表单
                        iframeWin.layui.form.render('select');
                        iframeWin.layui.form.render();
                    }
                });
            }


        });
            //页面传参
            <#--table.on('tool(test)', function (obj) {-->
            <#--var layEvent = obj.event;-->
            <#--if (layEvent == "edit1") {-->
                <#--var data = obj.data;-->
                <#--//示范一个公告层-->
                <#--layer.open({-->
                    <#--type: 2,-->
                    <#--title: '编辑',-->
                    <#--shadeClose: false,-->
                    <#--offset: 't',-->
                    <#--area: ['100%', '100%'],-->
                    <#--content: '${base}/caradmin/detail.html',-->
                    <#--success: function (layero, index) {-->
                        <#--//得到iframe页的窗口对象，执行iframe页的方法：iframeWin.method();-->
                        <#--var iframeWin = window[layero.find('iframe')[0]['name']];-->

                        <#--iframeWin.$("#annual").val(data.annual);-->
                        <#--iframeWin.$("#fault").val(data.fault);-->
                        <#--iframeWin.$("#service").val(data.service);-->
                        <#--iframeWin.$("#carKm").val(data.carKm);-->
                        <#--iframeWin.$("#flagto").val(data.flagto);-->
                        <#--iframeWin.$("#insure").val(data.insure);-->
                        <#--iframeWin.$("#id").val(data.id);-->
                        <#--if(data.insure==1){-->
                            <#--iframeWin.$("#insure").val("拥有保险");-->
                        <#--}if(data.insure==2){-->
                            <#--iframeWin.$("#insure").val("没有保险");-->
                        <#--}-->
                        <#--//渲染一下form表单-->
                        <#--iframeWin.layui.form.render('select');-->
                        <#--iframeWin.layui.form.render();-->
                    <#--}-->
                <#--});-->
            <#--}-->
//        });
    });

</script>
</body>
</html>